<template>
	<view>
		<view class="me">
			<view class="">
				<text>{{info.nickName}}</text>
				<view class="">
					四海香，汇聚天下英雄!
				</view>
			</view>
			<image :src="info.avatarUrl" class="avata"></image>
		</view>
		
		<!-- 功能列表 -->
		<view class="">
			<navigator url="/pages/feedback/feedback">投诉建议</navigator>
		</view>
		
		<!-- 分享方式： -->
		<view class="share">
			<button open-type="share">1.自定义按钮（open-type="share"），实现分享</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data(){
			return {
				info:{}
			}
		},
		onShow() {
			//获取用户信息
		   try{
		   	  let info = uni.getStorageSync("userInfo") ||null;
			  this.info = info;//已经授权了，保存信息
		   }catch(e){
		   	  //TODO handle the exception
		   }
		},
		methods:{
			
		},
		//2.通过监听 分享按钮 ，在onShareAppMessage 函数中处理
		onShareAppMessage(res){
			console.log('右上角分享',res)
			/* 
			res = {from: "menu",target: undefined} //点击右上角菜单
			res = {from:"button",target: undefined}
			 */
			
			if (res.from === 'button') { // 来自页面内分享按钮
			    // console.log(res.target)
			    console.log('分享前做一些其他的事情')
				//可以调用接口，动态获取要分享的内容
				//uni.request()
			}
			  
			//自定义分享的模板及内容，不设置就是当前页面的缩略图
			return {
				provider:"weixin",
				title:"帮我砍一刀",
				scene:"WXSceneSession,WXSceneTimeline",
				href:'/pages/me/me',
				imageUrl:"../../static/w4.jpg"//分享个别人，别人点击后访问的页面
			}
		}
	}
</script>

<style scoped lang="less">
.me{
	padding: 30rpx;
	display: flex;
	justify-content: space-between;
	.avata{
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}
}
</style>